<template>
  <ul  class="todo-list">
    <item 
      v-for="p in list" 
      :key="p.id" 
      :class="{completed:p.isDone}"
      v-bind="p"
      :delFn="del"
      :changeInp="changeInp"
    />
  </ul>
</template>

<script>
import Item from './Item.vue'
export default {
  components: { Item },
  props:['list','del','changeInp']
}
</script>

<style>

</style>